<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>英雄联盟电话</title>
		<link rel="stylesheet" href="css/style.css" />
	</head>
	<body>
		<div class="bgp bg">
			<div class="head">
				<div class="title">组团啦杯全国全国大学生英雄联盟比赛</div>
				<div class="full"><img src="img/full.png" alt="" id="fullclick"/></div>
			</div>
			<ul class="phone" id="phonenumber">
				<!--<img src="img/phone.png" alt="" />-->
				<li class="lia"><img src="img/num1.png" alt="" /></li>
				<li class="lia"><img src="img/num8.png" alt="" /></li>
				<li class="lia"><img src="img/num.png" alt="" /></li>
				<li><img src="img/num1.png" alt="" class="imgin"/><img src="img/num.png" alt="" class="imgout"/></li>
				<li><img src="img/num7.png" alt="" class="imgin"/><img src="img/num.png" alt="" class="imgout"/></li>
				<li><img src="img/num2.png" alt="" class="imgin"/><img src="img/num.png" alt="" class="imgout"/></li>
				<li><img src="img/num9.png" alt="" class="imgin"/><img src="img/num.png" alt="" class="imgout"/></li>
				<li><img src="img/num.png" alt="" class="imgin"/><img src="img/num.png" alt="" class="imgout"/></li>
				<li><img src="img/num7.png" alt="" class="imgin"/><img src="img/num.png" alt="" class="imgout"/></li>
				<li><img src="img/num3.png" alt="" class="imgin" /><img src="img/num.png" alt="" class="imgout"/></li>
				<li><img src="img/num3.png" alt="" class="imgin" /><img src="img/num.png" alt="" class="imgout"/></li>
			</ul>
			<div class="ewm">
				<img src="img/erweima_03.jpg" alt="" />
				<span>
					主办方：组团啦高校社团服务平台
				</span>
			</div>
		</div>
		<script type="text/javascript" src="js/jquery-2.2.3.min.js" ></script>
		<script type="text/javascript" src="js/jquery.fullscreen.js" ></script>
		<script>
			$(document).ready(function(){
				$("#fullclick").click(function(){
					$(".bg").fullScreen();
					e.preventDefault();
				});				
			});
			var imagein=$("#phonenumber li .imgin");
			var imageout=$("#phonenumber li .imgout");
			var phonenum=function(){
		    		var count=0,
		    			mahjong=setInterval(function(){
		    			if(count==11){
		    				clearInterval(mahjong);		    				
		    			}
		    			else{
		    				imageout.eq(count).fadeOut();
			    			imagein.eq(count).fadeIn();
			    			count++;	
		    			}
		    		},500);
		    	};
		    $(document).keydown(function(e){
			if(!e) var e = window.event; 
			if(e.keyCode==32){
					phonenum();
				}
			});
		   
	    </script>
	</body>
</html>
